<body data-spy="scroll" data-target=".bs-docs-sidebar" style="background:#fff;">
<?php 
  $menu = $this->menu_model->menu('2');
  $menuChild = $this->menu_model->menuChild('9','3');
?>
    <!-- Navbar
    ================================================== -->
  <div class="container">
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href = '<?php echo base_url();?>'><img src="<?php echo base_url();?>media/ksv-logo.png" alt="Khảo sát việt - khảo sát trực tuyến"></a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <?php
              foreach ($menu as $key => $val) {
              ?>
                <li><a href="<?php echo site_url($val['menuLink']);?>"><?php echo $val['menuName'];?></a></li>
              <?php
              }
              ?>
            </ul>
            <span class="nav-collapse collapse pull-right">
              <ul class="nav">
                <li><a href="#about">Nâng cấp tài khoản</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" role="menu" data-toggle="dropdown">
                    <img class=" imguser" src="<?php echo base_url().'media/user/user32x32.png';?>" alt= "<?php echo $this->session->userdata['UserName'];?>">
                    <?php echo $this->session->userdata['UserName'];?>
                    <b class="caret"></b>
                  </a>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                    <?php
                    foreach ($menuChild as $key => $value) {
                    ?>
                      <li><a href="<?php echo site_url($value['menuLink']);?>"><?php echo $value['menuName'];?></a></li>
                    <?php
                    }
                    ?>
                  </ul>
                </li>
                <li><a href="<?php echo site_url().'/public/user/logout';?>">Thoát</a></li>
              </ul>
            </span>
          </div><!--/.nav-collapse -->
        
      </div>
    </div>
  </div>
    <div class="fix-menu-survey">
    	<div class="container">
	        <ul class="nav nav-tabs fix-tabs">
	          <li><a href="<?php echo site_url('tao-khao-sat');?>"><i class="icon-cog"></i> Tạo khảo sát</a></li>
	          <li><a href="<?php echo site_url('tao-cau-hoi-khao-sat');?>"><i class="icon-check"></i> Tạo câu hỏi</a></li>
	          <li><a href="<?php echo site_url('xem-truoc-khao-sat');?>"><i class="icon-search"></i> Xem trước & Cảm nhận</a></li>
	          <li><a href="<?php echo site_url('kham-pha-du-lieu');?>"><i class="icon-globe"></i> Khám phá dữ liệu</a></li>
	          <li><a href="<?php echo site_url('chia-se');?>"><i class="icon-share"></i> Chia sẻ</a></li>
	          <li><a href="<?php echo site_url('bao-cao');?>"><i class="icon-signal"></i> Báo cáo</a></li>
	        </ul>
     	</div>
    </div>
    <div id="control" class="fix-control-survey">
      <ul class="nav nav-tabs fix-tabs nav-stacked tooltip-demo">
        <li id="radio">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi đa lựa chọn (Multiple Choise)">
            <img class="draggable" src="<?php echo base_url().'media/control/radio.png';?>" alt="radio button">
          </a>
        </li>
        <li id="checkbox">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi Checkbox">
            <img class="draggable" src="<?php echo base_url().'media/control/checkbox.png';?>" alt="checkbox">
          </a>
        </li>
        <li id = "textbox">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi văn bản ngắn (trên 1 dòng)">
            <img class="draggable" src="<?php echo base_url().'media/control/textbox.png';?>" alt="textbox">
          </a>
        </li>
        <li id="textarea">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi văn bản dài (trên nhiều dòng)">
            <img class="draggable" src="<?php echo base_url().'media/control/textarea.png';?>" alt="textarea">
          </a>
        </li>
        <li id="dropdown">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi DropDown">
            <img class="draggable" src="<?php echo base_url().'media/control/dropdownlist.png';?>" alt="dropdownlist">
          </a>
        </li>
        <li id="multitextbox">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một danh sách các câu hỏi văn bản ngắn">
            <img class="draggable"  src="<?php echo base_url().'media/control/group-text.png';?>" alt="dropdownlist">
          </a>
        </li>
        <li id="upload">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi Upload tập tin">
            <img class="draggable"  src="<?php echo base_url().'media/control/attach.png';?>" alt="dropdownlist">
          </a>
        </li>
        <li>
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi phân loại">
            <img class="draggable"  src="<?php echo base_url().'media/control/ranking.png';?>" alt="dropdownlist">
          </a>
        </li>
        <li id="table">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi dạng bảng (table)">
            <img class="draggable"  src="<?php echo base_url().'media/control/table.png';?>" alt="dropdownlist">
          </a>
        </li>
      </ul>
    </div>